<template>
  <div>
    <h2>白静晨-小幸运.mp4</h2>
    <div id="dplayer" width="800px" height="600px"></div>
  </div>
</template>

<script lang>
import DPlayer from "dplayer";
// http://dplayer.js.org/zh/guide.html#%E5%BF%AB%E9%80%9F%E5%BC%80%E5%A7%8B
export default {
  name: "Videos",
  mounted() {
    new DPlayer({
      container: document.getElementById("dplayer"),
      video: {
        pic: "",
        defaultQuality: 0,
        logo: "img/icons/msapplication-icon-144x144.png",
        screenshot: true,
        playbackSpeed: [0.5, 0.75, 1, 1.25, 1.5, 2, 3],
        quality: [
          {
            name: "标清420P",
            url: "/videos/010203.mp4",
            type: "normal",
          },
          {
            name: "高清720P",
            url: "/videos/010203.mp4",
            type: "normal",
          },
          {
            name: "超清1080P",
            url: "/videos/010203.mp4",
            type: "normal",
          },
          {
            name: "蓝光4K",
            url: "/videos/010203.mp4",
            type: "normal",
          },
          {
            name: "原片",
            url: "/videos/010203.mp4",
            type: "normal",
          },
        ],
      },
      danmaku: {
        id: '9E2E3368B56CDBB4',
        addition: ["http://qolome-server:1207/v3/bilibili?aid=9E2E3368B56CDBB4"],
        api: 'http://qolome-server:1207/',
        token: 'tokendemo',
        maximum: 1000,
        user: 'DIYgod',
        bottom: '15%',
        unlimited: true,
    },
    });
  },
};
</script>

